@charset "UTF-8";
@import "~@/assets/css/mixin.scss";

.bg-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  @include abs_top(479);
  @include wh(514, 521);
  background: {
    image: url("~@/assets/img/success/bg.png");
    repeat: no-repeat;
    position: center top;
    size: 100% 100%;
  };
  .cloud-0{
    @include wh(151, 39);
    @include rb(-55, 25);
  }
  .cloud-1{
    @include lt(-43, 10);
    @include wh(110, 23);
  }
  .star {
    @include lt(-52, 158);
    @include wh(574, 202);
  }
  .lantern{
    @include rt(-14, -32);
    @include wh(72, 127);
    animation: swing 2s infinite ease-in-out;
    transform-origin: right top;
  }
  &.success {
    padding-top: 60px;
  }
  &.fail {
    padding-top: 60px;
  }
  &.saved {
    top: 565px;
    @include wh(514, 349);
    padding-top: 65px;
    background-image: url("~@/assets/img/saved/bg.png");
  }
  &.save {
    top: 361px;
    @include wh(514, 783);
    background-image: url("~@/assets/img/save/bg.png");
  }
}
